<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
        <title>站址详情</title>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
        <link rel="stylesheet" href="../../script/ccssoft/css/ccssoft-lite.css" />
        <link rel="stylesheet" href="../../css/common.css" />
    </head>
    <body>
        <header class="aui-bar aui-bar-nav ccssoft-aui-bar-theme" id="header">
            <a class="aui-btn ccssoft-aui-bar-theme aui-pull-left" tapmode onclick="api.closeWin();"> <span class="aui-iconfont aui-icon-left"></span> </a>
            <div class="aui-title" id="header-title">
                站址信息
            </div>
            <!--<a class="openDoor-icon" id="openDoorId" tapmode="" onclick="showDoorDeviceList()"></a>-->
        </header>
        
        <footer class="aui-nav" style="border-top:1px solid #ADADAD;" id="footer">
            <ul class="aui-bar-tab">
                <li tapmode class="activeWarning">
                    <span class="iconFont"> <img src="../../image/widget_tab_icon_station_nor.png" width="25px" height="25px"/> <img style="display:none;" src="../../image/widget_tab_icon_station_over.png" width="25px" height="25px"  />  </span>
                    <p>
                        站址信息
                    </p>
                </li>
                <li tapmode>
                    <span class="iconFont"> <img src="../../image/widget_tab_icon_device_nor.png" width="25px" height="25px"/> <img style="display:none;" src="../../image/widget_tab_icon_device_over.png" width="25px" height="25px"/> </span>
                    <p>
                        设备
                    </p>
                </li>
                <li tapmode>
                    <span class="iconFont"> <img src="../../image/widget_tab_icon_step_nor.png" width="25px" height="25px"/> <img style="display:none;" src="../../image/widget_tab_icon_step_over.png" width="25px" height="25px"/> </span>
                    <p>
                        告警
                    </p>
                </li>
                <li tapmode>
                    <span class="iconFont"> <img src="../../image/widget_tab_icon_map_nor.png" width="25px" height="25px"/> <img style="display:none;" src="../../image/widget_tab_icon_map_over.png" width="25px" height="25px"/> </span>
                    <p>
                        地图
                    </p>
                </li>
            </ul>
        </footer>
    </body>
    <script src="../../script/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/doT.min.js"></script>
    <script type="text/javascript" src="../../script/debug.js"></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/config.js"></script>
    <script type="text/javascript" src="../../script/client.api.js"></script>
    <script type="text/javascript" src="../../script/aui-alert.js"></script>
    <script type="text/javascript">
        apiready = function() {
            initHeader();
            api.openFrameGroup({
                name : 'station_footer_tab',
                scrollEnabled : true,
                rect : frameRect(),
                index : 0,
                preload : 0,
                frames : [{
                    name : 'stationDetail',
                    url : 'stationDetail_frm.html',
                    pageParam : api.pageParam,
                    bounces : false
                }, {
                    name : 'dev-listCon',
                    url : 'dev-listCon.html',
                    pageParam : api.pageParam,
                    bounces : false
                }, {
                    name : 'alarm-listCon',
                    url : '../alarm/alarm-listCon_frm.html',
                    pageParam : api.pageParam,
                    bounces : false
                }, {
                    name : 'mapDetail_frm',
                    url : '../mapDetail.html',
                    pageParam : api.pageParam,
                    bounces : false
                }]
            }, function(ret, err) {
                var $curTab = $('#footer li:eq('+ret.index+')');
                $curTab.addClass('activeWarning').find('img:hidden').show().siblings().hide();
                $curTab.siblings('.activeWarning').removeClass('activeWarning').find('img:hidden').show().siblings().hide();
                $('.aui-title').text($curTab.find('p').text());
            });
            
            /*
             * jQuery事件:tab切换
             */
            $('#footer li').click(function() {
                api.setFrameGroupIndex({
                    name : 'station_footer_tab',
                    index : $(this).index(),
                    scroll : true
                });
            });
        };

//      function showDoorDeviceList() {
//          $api.rmStorage("doorDeviceList");
//          //获取门禁列表
//          getDoorsList();
//      }

//      function getDoorsList() {
//          var opts = {
//              stationid : api.pageParam.stationId
//          };
//          $client.getStationDoorDeviceList(opts, function(ret, err) {
//              if (ret) {
//                  if (ret.success) {
//                      if (ret.list.length > 0) {
//                          $api.setStorage("doorDeviceList", ret.list);
//                          api.openFrame({
//                              name : 'doorDeviceDialog_frm',
//                              url : '../dialog/doorDeviceDialog_frm.html',
//                              bgColor : "rgba(0,0,0,0)",
//                              bounces : false,
//                              pageParam : api.pageParam,
//                              rect : {
//                                  x : 0,
//                                  y : 0,
//                                  w : 'auto',
//                                  h : 'auto'
//                              }
//                          });
//                      }
//                  } else {
//                      api.toast({
//                          msg : ret.data_info,
//                          location : 'middle'
//                      });
//                  }
//              } else {
//                  api.toast({
//                      msg : err.msg,
//                      location : 'middle'
//                  });
//              }
//          });
//      }
    </script>
</html>